.auto_kf{width:80px; position: fixed;  background:#fff;   right:0px; bottom:0px; z-index: 9999; box-shadow: 0px 2px 7px #ccc;}

.kf_logo img{background: #f7ea16;}
	#to_top{border-radius:500px;}
.auto_kfa{width:100%; height: 80px; border-bottom: 1px solid #eee;transition: all 0.6s;  text-align: center; line-height: 80px;color:#333; padding: 11px 0px;}
	.dhua h1{font-size:16px; padding:3px 10px;}
.auto_kfa:hover{}
	.dhua span{font-size:20px;}
.auto_kfa dd{ }
.kf_tel{width:200px; height:auto; display: none; transition: all 0.6s; font-size:18px;  
background:#30318b; border-top-left-radius:9px;border-bottom-left-radius:9px;color:#fff; position: absolute; margin-left: -200px; margin-top: -62px;}
.kf_tel span{padding-right:8px;}
.auto_kfa:hover{}
.auto_kfa:hover .kf_tel{display:block;animation: hideIndex 0.3s;-moz-animation: hideIndex  0.3s; /* Firefox */-webkit-animation: hideIndex  0.3s; /* Safari and Chrome */-o-animation: hideIndex  0.3s; /* Opera */}
.auto_kfa a:link,.auto_kfa a:visited{color:#2070d1;}
.auto_kfa a{display:block; width: 100%; height: 60px;animation: swing 5s infinite linear;display: inline-block;
    -webkit-animation: swing 5s infinite linear; }
.kf_ewm{width:100px; padding: 10px; margin-left: -100px;}
/*#to_top{-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;}*/
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}



@keyframes swing {
    0% {
        transform: rotate(0deg);
    }
    6.25% {
        transform: rotate(-2deg);
    }
    12.5% {
        transform: rotate(5deg);
    }
    18.75% {
        transform: rotate(-10deg);
    }
    25% {
        transform: rotate(15deg);
    }
    31.25% {
        transform: rotate(-20deg);
    }
    37.5% {
        transform: rotate(25deg);
    }
    43.75% {
        transform: rotate(-30deg);
    }
    50% {
        transform: rotate(35deg);
    }
    56.25% {
        transform: rotate(-30deg);
    }
    62.5% {
        transform: rotate(25deg);
    }
    68.75% {
        transform: rotate(-20deg);
    }
    75% {
        transform: rotate(15deg);
    }
    81.25% {
        transform: rotate(-10deg);
    }
    87.5% {
        transform: rotate(5deg);
    }
    93.75% {
        transform: rotate(-2deg);
    }
    100% {
        transform: rotate(0deg);
    }
}